<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<input type="text" id="text1" placeholder="请输入用户名">
<input type="password" id="text2" placeholder="请输入密码">
<button onclick="fn()">登录</button>
    <script>
    // 1.注册页面的简单数据校验
    // 先去掉两个输入框中的空格
    // 用户名长度不低于6，不高于20
    // 用户名不可以用数字开头
    // 密码不能为空
    // 输入框中要有默认提示  (placeholder )
    // 点击登录按钮检查是否合法


        function fn(){
            var t1=document.getElementById("text1").value;
            var t2=document.getElementById("text2").value;
            t1=t1.replace(/ /g,"");
            t2=t2.replace(/ /g,"");
            if(t1.length<6||t1.length>20){
                alert("用户名长度请不低于6,不高于20");
            }
            else if(t1[0]>=0&&t1[0]<=9){
                alert("用户名不能以数字开头");
            }
            else if(t2==""){
                alert("密码不能为空!");
            }
            else{
                alert("登录成功");
            }
        }
    </script>
</body>
</html>